<template>
  <div class="dy-main travelPlus">
    <div class="dy-header">
      <x-header :right-options="{showMore: false}" :left-options="{preventGoBack: true,backText: ''}" @on-click-back="back" @on-click-more="showMenus = true">投资行家+</x-header>
    </div>
    <div class="dy-body">
      <div class="dy-wapper">
        <div class="list">
            <i>英国</i>
            <ul>
              <li>√转介英国分行房产按揭业务</li>
              <li>√转介海外分行见证开户</li>
              <li>√国际汇款手续费减免</li>
              <li>√第三方移民服务（中介费专属优惠）</li>
              <li>√购汇、结汇利率优惠</li>
            </ul>
        </div>
         <div class="list">
           <j>香港</j>
            <ul>
              <li>√中港两地快速汇款 实时到账</li>
              <li>√跨境投资理财 全球资产配置</li>
              <li>√专业理财团队 尊享私行礼遇</li>
            </ul>
        </div>
      <div >
        <p class="introduce dotted">说明</p>
        <p class="dotted">1.带“*”服务均由东亚中国第三方合作商提供，基于本行合作商的协助安排或转接的基础，本行及合作商不承担任何第三方的费用</p>
        <p class="dotted">2.本页所述”东亚中国“指东亚银行（中国）有限公司</p>
        <p class="dotted">东亚中国官方微信，期待您的关注</p>
        <p class="dotted">垂询热线：95382</p>
        <p>官网：www.hkbea.com</p>
      </div>
      </div>
    </div>
    <div class="dy-footer"></div>
    </div>
</template>
<script>
export default {
  data () {
    return {
      aaa: 1
    }
  },
  methods: {
    back () {
      this.$publicFun.goBack(this)
    }
  }
}
</script>
<style scoped lang="less">
.travelPlus{
  .before{
padding-right: .5rem;
font-size: .35rem;
  }
  .introduce{
    padding-top: 1.9rem;
    }
  .dotted{
    border:1px dotted rgba(238, 238, 238, 0.418);
  }
  .list{
    position: relative;
    margin-top: .3rem;
    display: flex;
    border-top: 1px solid red;
    padding-top: .8rem;
    padding-left: .3rem;
    background-color: white;
    &>i{
      position:absolute;
      left: .4rem;
      top: -.4rem;
      width: 2rem;
      line-height: .8rem;
      color: white;
      text-align: center;
      background-image: linear-gradient(-25deg, #EC1B30 3%, #9FA1AF 100%);
    }
    &>j{
      position:absolute;
      left: .4rem;
      top: -.3rem;
      width: 2rem;
      line-height: .8rem;
      color: white;
      text-align: center;
      background-image: linear-gradient(-25deg, #EC1B30 3%, #9FA1AF 100%);
    }
  }
}
</style>
